<template>
  <div class="page" style="">
    <div class="print_title">员工一览表 · 禾美环保</div>
    <p class="title">基础信息</p>
    <a-row type="flex" justify="start" class="content" style="padding: 0 9px; margin: 0 0 14px 0;">
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >姓名:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.name }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row>
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >性别:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.gender_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>

      <a-col :span="12">
        <a-row style="margin-bottom: 0">

          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >照片:</p>
            <img style=" height: 30px;margin:0 0 0 6px; border: 1px solid #ccc;" v-if="formData.photo" :src="getFileAccessHttpUrl(formData.photo)" alt="">
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >民族:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.national_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >籍贯:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ addressName }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >身份证号:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.idCardNo }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
          <a-row style="margin-bottom: 0">
            <a-col style="display: flex;">
              <p style="margin-bottom: 0; white-space: nowrap" >身份证到期日:</p>
              <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.idCardNoDue }}</p>
            </a-col>
          </a-row>
        </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >出生日期:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.birthDate }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >工作年限:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.workTime_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >银行卡号:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.bankCard }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >开户行:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.bankName }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >政治面貌:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.politicalLandscape_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >婚姻状况:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ filterMultiDictText(this.dictOptions['maritalStatus'], formData.maritalStatus + '') }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >身高:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.height }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >血型:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.bloodType_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >特长爱好:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.hobby }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >家族遗传病史:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.hasFamilyGeneticHistory_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >传染病史:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.hasInfectiousHistory_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >既往病史:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.hasPastMedicalHistory_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >犯罪记录:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.hasCriminalRecord_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
    </a-row>

    <!-- 资历状况 -->
    <p class="title">资历状况</p>
    <a-row type="flex" justify="start" class="content" style="padding: 0 9px; margin: 0 0 14px 0;">
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >外语水平:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.foreignLanguageLevel_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row>
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >计算机能力:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.computerCapability_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row>
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >驾照情况:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.hasDrivingLicense_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">

          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >资格证书:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.qualification }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >职称:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.professionalTitle }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >毕业院校:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.graduatedFrom }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >所学专业:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.major }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >毕业时间:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.graduationDate }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >最高学历/学位:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.highestDegree_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >教育方式:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.educationalMode_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
    </a-row>

    <!-- 组织信息 -->
    <p class="title">组织信息</p>
    <a-row type="flex" justify="start" class="content" style="padding: 0 9px; margin: 0 0 14px 0;">
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >人员编号:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.employeeNo }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row>
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >入职时间:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.joinDate }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">

          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >转正日期:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.probationEndDate }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >人员类型:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.employeeType_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >人员状态:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.employeeStatus_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12" v-if="formData.employeeStatus == '2'">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >离职日期:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.resignTime }}</p>
          </a-col>
        </a-row>
      </a-col>
      <!-- <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >职务级别:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.positionLevelId_dictText }}</p>
          </a-col>
        </a-row>
      </a-col> -->
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >工作地:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.workplace }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >薪级:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.payGradeId_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >对应薪级:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.parallelismPayGrades_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >车贴(元):</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.carSubsidy }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >是否外派:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.expatriate_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <!-- <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >汇报人:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.reportId_dictText }}</p>
          </a-col>
        </a-row>
      </a-col> -->
      <!-- <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >公积金单位:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.providentFundUnit_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >参保单位:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.insuredUnit_dictText }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >参保基数(元):</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.insuredBase }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >公积金基数(元):</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.providentFundBase }}</p>
          </a-col>
        </a-row>
      </a-col> -->
    </a-row>

    <!-- 联系信息 -->
    <p class="title">联系信息</p>
    <a-row type="flex" justify="start" class="content" style="padding: 0 9px; margin: 0 0 14px 0;">
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >手机号码:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.contactInfo.mobile }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
          <a-row>
            <a-col style="display: flex;">
              <p style="margin-bottom: 0; white-space: nowrap" >紧急联系人:</p>
              <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.contactInfo.linkPerson }}</p>
            </a-col>
          </a-row>
        </a-col>
      <a-col :span="12">
        <a-row>
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >紧急联系人方式:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.contactInfo.linkTel }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">

          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >电子邮件:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.contactInfo.email }}</p>
          </a-col>
        </a-row>
      </a-col>
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >身份证地址:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.contactInfo.idCardAddress }}</p>
          </a-col>
        </a-row>
      </a-col>
      <!-- <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >邮政编码:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.contactInfo.zipCode }}</p>
          </a-col>
        </a-row>
      </a-col> -->
      <a-col :span="12">
        <a-row style="margin-bottom: 0">
          <a-col style="display: flex;">
            <p style="margin-bottom: 0; white-space: nowrap" >现居地详细地址:</p>
            <p style="margin:0 0 0 6px; word-break: break-all;">{{ formData.contactInfo.currentAddress }}</p>
          </a-col>
        </a-row>
      </a-col>
    </a-row>
    <!-- 参保单位信息 -->
    <a-row type="flex" justify="center" style="margin-top: 18px;" v-if="formData.cbUnitInfoList && formData.cbUnitInfoList.length">
      <a-col>
        <p class="title_table">参保单位</p>
      </a-col>
      <a-col :span="24">
        <a-table
          :columns="cbUnitColumns"
          :data-source="formData.cbUnitInfoList"
          bordered
          :pagination="false"
          size="small"
          :rowClassName="tableRowClass"></a-table>
      </a-col>
    </a-row>
    <!-- 发薪单位信息 -->
    <!-- <a-row type="flex" justify="center" style="margin-top: 18px;" v-if="formData.fxUnitInfoList && formData.fxUnitInfoList.length">
      <a-col>
        <p class="title_table">发薪单位</p>
      </a-col>
      <a-col :span="24">
        <a-table
          :columns="fxUnitColumns"
          :data-source="formData.fxUnitInfoList"
          bordered
          :pagination="false"
          size="small"
          :rowClassName="tableRowClass"></a-table>
      </a-col>
    </a-row> -->
    <!-- 公积金单位信息 -->
    <a-row type="flex" justify="center" style="margin-top: 18px;" v-if="formData.gjjUnitInfoList && formData.gjjUnitInfoList.length">
      <a-col>
        <p class="title_table">公积金单位</p>
      </a-col>
      <a-col :span="24">
        <a-table
          :columns="gjjUnitColumns"
          :data-source="formData.gjjUnitInfoList"
          bordered
          :pagination="false"
          size="small"
          :rowClassName="tableRowClass"></a-table>
      </a-col>
    </a-row>
    <!-- 家庭成员与社会关系 -->
    <a-row type="flex" justify="center" style="margin-top: 18px;" v-if="formData.familySocialInfoList && formData.familySocialInfoList.length">
      <a-col>
        <p class="title_table">家庭成员与社会关系</p>
      </a-col>
      <a-col :span="24">
        <a-table
          :columns="columns"
          :data-source="formData.familySocialInfoList"
          bordered
          :pagination="false"
          size="small"
          :rowClassName="tableRowClass"></a-table>
      </a-col>
    </a-row>
    <!-- 工作经历 -->
    <a-row type="flex" justify="center" style="margin-top: 18px;" v-if="formData.workHistoryList && formData.workHistoryList.length">
      <a-col>
        <p class="title_table">工作经历</p>
      </a-col>
      <a-col :span="24">
        <a-table
          :columns="workHistoryColumns"
          :data-source="formData.workHistoryList"
          bordered
          :pagination="false"
          size="small"
          :rowClassName="tableRowClass"></a-table>
      </a-col>
    </a-row>
    <!-- 教育经历 -->
    <a-row type="flex" justify="center" style="margin-top: 18px;" v-if="formData.educationList && formData.educationList.length">
      <a-col>
        <p class="title_table">教育经历</p>
      </a-col>
      <a-col :span="24">
        <a-table
          :columns="educationColumns"
          :data-source="formData.educationList"
          bordered
          :pagination="false"
          size="small"
          :rowClassName="tableRowClass"></a-table>
      </a-col>
    </a-row>
    <!-- 培训经历 -->
    <a-row type="flex" justify="center" style="margin-top: 18px;" v-if="formData.trainingList && formData.trainingList.length">
      <a-col>
        <p class="title_table">培训经历</p>
      </a-col>
      <a-col :span="24">
        <a-table
          :columns="trainingColumns"
          :data-source="formData.trainingList"
          bordered
          :pagination="false"
          size="small"
          :rowClassName="tableRowClass"></a-table>
      </a-col>
    </a-row>
    <!-- 职务变动 -->
    <a-row type="flex" justify="center" style="margin-top: 18px;" v-if="formData.positionChangeRecordList && formData.positionChangeRecordList.length">
      <a-col>
        <p class="title_table">职务变动</p>
      </a-col>
      <a-col :span="24">
        <a-table
          :columns="positionChangeRecordColumns"
          :data-source="formData.positionChangeRecordList"
          bordered
          :pagination="false"
          size="small"
          :rowClassName="tableRowClass"></a-table>
      </a-col>
    </a-row>
    <!-- 岗位信息 -->
    <a-row type="flex" justify="center" style="margin-top: 18px;" v-if="formData.postChangeRecordList && formData.postChangeRecordList.length">
      <a-col>
        <p class="title_table">岗位信息</p>
      </a-col>
      <a-col :span="24">
        <a-table
          :columns="postChangeRecordColumns"
          :data-source="formData.postChangeRecordList"
          bordered
          :pagination="false"
          size="small"
          :rowClassName="tableRowClass"></a-table>
      </a-col>
    </a-row>
    <!-- 奖惩档案 -->
    <a-row type="flex" justify="center" style="margin-top: 18px;" v-if="formData.rewardPunishFileList && formData.rewardPunishFileList.length">
      <a-col>
        <p class="title_table">奖惩档案</p>
      </a-col>
      <a-col :span="24">
        <a-table
          :columns="rewardPunishFileColumns"
          :data-source="formData.rewardPunishFileList"
          bordered
          :pagination="false"
          size="small"
          :rowClassName="tableRowClass"></a-table>
      </a-col>
    </a-row>
    <!-- 资质证书 -->
    <a-row type="flex" justify="center" style="margin-top: 18px;" v-if="formData.employeeCertificateList && formData.employeeCertificateList.length">
      <a-col>
        <p class="title_table">资质证书</p>
      </a-col>
      <a-col :span="24">
        <a-table
          :columns="certificateColumns"
          :data-source="formData.employeeCertificateList"
          bordered
          :pagination="false"
          size="small"
          :rowClassName="tableRowClass"></a-table>
      </a-col>
    </a-row>

    <!-- 附件信息 -->
    <FileInfor :purchaseFile="idCard" title="身份证复印件" v-if="idCard && idCard.length"></FileInfor>
    <FileInfor :purchaseFile="graduate" title="毕业证复印件" v-if="graduate && graduate.length"></FileInfor>
    <FileInfor :purchaseFile="degree" title="学位证复印件" v-if="degree && degree.length"></FileInfor>
    <FileInfor :purchaseFile="xuexin" title="学信网学历验证报告" v-if="xuexin && xuexin.length"></FileInfor>
    <FileInfor :purchaseFile="resign" title="最后任职公司的离职证明" v-if="resign && resign.length"></FileInfor>
    <FileInfor :purchaseFile="medicalReport" title="体检报告" v-if="medicalReport && medicalReport.length"></FileInfor>
    <FileInfor :purchaseFile="certificateBottom" title="证件数码底版" v-if="certificateBottom && certificateBottom.length"></FileInfor>
    <FileInfor :purchaseFile="employmentContract" title="劳动合同复印件" v-if="employmentContract && employmentContract.length"></FileInfor>
    <FileInfor :purchaseFile="training" title="培训协议" v-if="training && training.length"></FileInfor>
    <FileInfor :purchaseFile="confidentiality" title="保密协议" v-if="confidentiality && confidentiality.length"></FileInfor>
    <FileInfor :purchaseFile="competeRestrictions" title="竞业限制协议" v-if="competeRestrictions && competeRestrictions.length"></FileInfor>
    <FileInfor :purchaseFile="signOffer" title="签字确认的offer" v-if="signOffer && signOffer.length"></FileInfor>
    <FileInfor :purchaseFile="certificate" title="证书" v-if="certificate && certificate.length"></FileInfor>
    <FileInfor :purchaseFile="other" title="其它" v-if="other && other.length"></FileInfor>
    <FileInfor :purchaseFile="targetConfirm" title="试用期目标确认表" v-if="targetConfirm && targetConfirm.length"></FileInfor>
    <FileInfor :purchaseFile="assessment" title="试用期考核表" v-if="assessment && assessment.length"></FileInfor>
    <FileInfor :purchaseFile="salaryConfirm" title="薪资确认单" v-if="salaryConfirm && salaryConfirm.length"></FileInfor>
    <FileInfor :purchaseFile="postTransfer" title="岗位调动交接表" v-if="postTransfer && postTransfer.length"></FileInfor>
    <FileInfor :purchaseFile="resignHandover" title="离职交接表" v-if="resignHandover && resignHandover.length"></FileInfor>
    <!-- 流程详情 -->
    <ProcessInfor v-if="formData.bpmStatus !== '1' && dataHistorySource && dataHistorySource.length" :dataHistorySource="dataHistorySource"></ProcessInfor>
  </div>
</template>
<script>
import { filterMultiDictText, initDictOptions } from '@/components/dict/JDictSelectUtil'
  import { getAction, getFileAccessHttpUrl } from '@/api/manage'
  import FileInfor from '@/components/print/FileInfor.vue' // 审批历史流程列表组件
  import ProcessInfor from '@/components/print/ProcessInfor.vue' // 审批历史流程列表组件
  import address from '@/components/AddressChoice/address.js'
  export default {
    props: {
      formBpm: {
        type: Boolean,
        default: false
      },
      formData: {
        type: Object,
        default: () => {},
        required: true
      },
      formDataHistory: {
        type: Object,
        default: () => {}
      }
    },
    components: {
      FileInfor,
      ProcessInfor
    },
    data() {
      return {
        filterMultiDictText,
        address, // code地址
        getFileAccessHttpUrl,
        dictOptions: {},
        addressName: '', // 地址名称
        columns: [
          {
            title: '序号',
            dataIndex: '',
            key: 'rowIndex',
            width: 45,
            align: 'center',
            customRender: function (t, r, index) {
                return parseInt(index) + 1;
            }
          },
          {
            title: '姓名',
            align: 'center',
            width: 65,
            dataIndex: 'name'
          },
          {
            title: '与本人关系',
            align: 'center',
            width: 100,
            dataIndex: 'relation'
          },
          {
            title: '年龄',
            align: 'center',
            width: 65,
            dataIndex: 'age'
          },
          {
            title: '联系电话',
            align: 'center',
            width: 100,
            dataIndex: 'phone'
          }

        ],
        cbUnitColumns: [
          {
            title: '序号',
            dataIndex: '',
            key: 'rowIndex',
            width: 45,
            align: 'center',
            customRender: function (t, r, index) {
                return parseInt(index) + 1;
            }
          },
          {
            title: '单位名称',
            align: 'center',
            dataIndex: 'unitName'
          },
          {
            title: '参保基数(元)',
            align: 'center',
            dataIndex: 'baseNum'
          },
          {
            title: '当前参保单位',
            align: 'center',
            dataIndex: 'currFlag',
            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                return text == '1' ? '是' : '否';
              }
            }
          },
          {
            title: '参保开始时间',
            align: 'center',
            dataIndex: 'beginTime'
          },
          {
            title: '参保结束时间',
            align: 'center',
            dataIndex: 'endTime'
          },
          {
            title: '备注',
            align: 'center',
            dataIndex: 'remark'
          }
        ],
        fxUnitColumns: [
          {
            title: '序号',
            dataIndex: '',
            key: 'rowIndex',
            width: 45,
            align: 'center',
            customRender: function (t, r, index) {
                return parseInt(index) + 1;
            }
          },
          {
            title: '单位名称',
            align: 'center',
            dataIndex: 'unitName'
          },
          {
            title: '当前发薪单位',
            align: 'center',
            dataIndex: 'currFlag',
            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                return text == '1' ? '是' : '否';
              }
            }
          },
          {
            title: '发薪开始时间',
            align: 'center',
            dataIndex: 'beginTime'
          },
          {
            title: '发薪结束时间',
            align: 'center',
            dataIndex: 'endTime'
          },
          {
            title: '备注',
            align: 'center',
            dataIndex: 'remark'
          }
        ],
        gjjUnitColumns: [
          {
            title: '序号',
            dataIndex: '',
            key: 'rowIndex',
            width: 45,
            align: 'center',
            customRender: function (t, r, index) {
                return parseInt(index) + 1;
            }
          },
          {
            title: '单位名称',
            align: 'center',
            dataIndex: 'unitName'
          },
          {
            title: '公积金基数(元)',
            align: 'center',
            dataIndex: 'baseNum'
          },
          {
            title: '当前公积金单位',
            align: 'center',
            dataIndex: 'currFlag',
            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                return text == '1' ? '是' : '否';
              }
            }
          },
          {
            title: '缴纳开始时间',
            align: 'center',
            dataIndex: 'beginTime'
          },
          {
            title: '缴纳结束时间',
            align: 'center',
            dataIndex: 'endTime'
          },
          {
            title: '备注',
            align: 'center',
            dataIndex: 'remark'
          }
        ],
        // 工作经历
        workHistoryColumns: [
          {
            title: '序号',
            dataIndex: '',
            key: 'rowIndex',
            width: 45,
            align: 'center',
            customRender: function (t, r, index) {
                return parseInt(index) + 1;
            }
          },
          {
            title: '开始时间',
            align: 'center',
            width: 80,
            dataIndex: 'beginDate'
          },
          {
            title: '结束时间',
            align: 'center',
            width: 80,
            dataIndex: 'endDate'
          },
          {
            title: '工作单位',
            align: 'center',
            width: 65,
            dataIndex: 'workUnit'
          },
          {
            title: '性质',
            align: 'center',
            width: 65,
            dataIndex: 'nature'
          },
          {
            title: '部门',
            align: 'center',
            width: 65,
            dataIndex: 'department'
          },
          {
            title: '岗位',
            align: 'center',
            width: 65,
            dataIndex: 'position'
          },
          {
            title: '证明人',
            align: 'center',
            width: 55,
            dataIndex: 'witness'
          },
          {
            title: '证明人联系电话',
            align: 'center',
            // width: 100,
            dataIndex: 'witnessPhone'
          },
          {
            title: '薪资(元)',
            align: 'center',
            width: 65,
            dataIndex: 'salary'
          },
          {
            title: '离职原因',
            align: 'center',
            // width: 100,
            dataIndex: 'leaveReason'
          }
        ],
        // 教育经历
        educationColumns: [
        {
            title: '序号',
            dataIndex: '',
            key: 'rowIndex',
            width: 45,
            align: 'center',
            customRender: function (t, r, index) {
                return parseInt(index) + 1;
            }
          },
          {
            title: '开始时间',
            align: 'center',
            width: 80,
            dataIndex: 'beginDate'
          },
          {
            title: '结束时间',
            align: 'center',
            width: 80,
            dataIndex: 'endDate'
          },
          {
            title: '学校名称',
            align: 'center',
            dataIndex: 'graduatedFrom'
          },
          {
            title: '专业',
            align: 'center',
            dataIndex: 'major'
          },
          {
            title: '获奖情况',
            align: 'center',
            dataIndex: 'prizeRecord'
          },
          {
            title: '附件',
            align: 'center',
            dataIndex: 'attachment'
          }
        ],

        // 培训经历
        trainingColumns: [
          {
            title: '序号',
            dataIndex: '',
            key: 'rowIndex',
            width: 45,
            align: 'center',
            customRender: function (t, r, index) {
              return parseInt(index) + 1;
            }
          },
          {
            title: '培训开始日期',
            align: 'center',
            width: 80,
            dataIndex: 'beginDate'
          },
          {
            title: '培训结束日期',
            align: 'center',
            width: 80,
            dataIndex: 'endDate'
          },
          {
            title: '培训机构',
            align: 'center',
            dataIndex: 'institution'
          },
          {
            title: '培训项目',
            align: 'center',
            dataIndex: 'project'
          },
          {
            title: '取得证书名称',
            align: 'center',
            dataIndex: 'certificate'
          },
          {
            title: '附件',
            align: 'center',
            dataIndex: 'attachment'
          },
          {
            title: '培训服务期限',
            align: 'center',
            dataIndex: 'trainingServiceLimit_dictText'
          },
          {
            title: '服务期限起止时间',
            align: 'center',
            dataIndex: 'serviceStartDate',
            customRender: function (text, record) {
              console.log('record', record)
              return record.serviceStartDate + '~' + record.serviceEndDate
            }
          },
          {
            title: '培训费用(元)',
            align: 'center',
            dataIndex: 'trainingFee'
          }
        ],
        // 职务变动
        positionChangeRecordColumns: [
          {
            title: '序号',
            dataIndex: '',
            key: 'rowIndex',
            width: 45,
            align: 'center',
            customRender: function (t, r, index) {
              return parseInt(index) + 1;
            }
          },
          {
            title: '任职开始日期',
            align: 'center',
            width: 90,
            dataIndex: 'beginDate'
          },
          {
            title: '任职结束日期',
            align: 'center',
            width: 90,
            dataIndex: 'endDate'
          },
          {
            title: '职务名称',
            align: 'center',
            dataIndex: 'positionName',
            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                return filterMultiDictText(this.dictOptions['positionName'], text + '')
              }
            }
          },
          {
            title: '任职文号',
            align: 'center',
            width: 80,
            dataIndex: 'docomentNo'
          },
          {
            title: '批准单位',
            align: 'center',
            dataIndex: 'approvalUnit',
            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                return filterMultiDictText(this.dictOptions['approvalUnit'], text + '')
              }
            }
          }
        ],
        // 岗位变动
        postChangeRecordColumns: [
          {
            title: '序号',
            dataIndex: '',
            key: 'rowIndex',
            width: 45,
            align: 'center',
            customRender: function (t, r, index) {
              return parseInt(index) + 1;
            }
          },
          {
            title: '团队',
            align: 'center',
            dataIndex: 'teamId',
            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                return filterMultiDictText(this.dictOptions['teamId'], text + '')
              }
            }
          },
          {
            title: '部门',
            align: 'center',
            dataIndex: 'departId',
            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                return filterMultiDictText(this.dictOptions['departId'], text + '')
              }
            }
          },
          {
            title: '岗位',
            align: 'center',
            dataIndex: 'postCode',
            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                return filterMultiDictText(this.dictOptions['postCode'], text + '')
              }
            }
          },
          {
            title: '是否在岗',
            align: 'center',
            width: 65,
            dataIndex: 'isDuty',
            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                return filterMultiDictText(this.dictOptions['isDuty'], text + '')
              }
            }
          },
          {
            title: '是否虚拟岗位',
            align: 'center',
            width: 90,
            dataIndex: 'isVirtual',
            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                return filterMultiDictText(this.dictOptions['isVirtual'], text + '')
              }
            }
          },
          {
            title: '任职时间',
            align: 'center',
            width: 90,
            dataIndex: 'workingTime'
          },
          {
          title: '备注',
          align: 'center',
          dataIndex: 'remark',
          ellipsis: true
        }
        ],

        // 奖惩档案
        rewardPunishFileColumns: [
          {
            title: '序号',
            dataIndex: '',
            key: 'rowIndex',
            width: 45,
            align: 'center',
            customRender: function (t, r, index) {
              return parseInt(index) + 1;
            }
          },
          {
            title: '奖惩类别',
            align: 'center',
            width: 65,
            dataIndex: 'rewardPunishCategory',
            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                return filterMultiDictText(this.dictOptions['rewardPunishCategory'], text + '')
              }
            }
          },
          {
            title: '奖励考核积分',
            align: 'center',
            dataIndex: 'rewardIntegral'
          },
          {
            title: '奖励金额(元)',
            align: 'center',
            width: 65,
            dataIndex: 'rewardMoney'
          },
          {
            title: '其他金额(元)',
            align: 'center',
            width: 65,
            dataIndex: 'otherMoney'
          },
          {
            title: '扣除考核积分',
            align: 'center',
            dataIndex: 'punishmentIntegral'
          },
          {
            title: '处罚金额(元)',
            align: 'center',
            width: 65,
            dataIndex: 'punishmentMoney'
          },
          {
            title: '发文单位',
            align: 'center',
            dataIndex: 'institution',
            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                return filterMultiDictText(this.dictOptions['institution'], text + '')
              }
            }
          },
          {
            title: '文号',
            align: 'center',
            width: 65,
            dataIndex: 'dispatch'
          },
          {
            title: '发文日期',
            align: 'center',
            dataIndex: 'occurrenceDate',
            customRender: function (text) {
              return !text ? '' : (text.length > 10 ? text.substr(0, 10) : text)
            }
          }
        ],

        // 资质证书
        certificateColumns: [
        {
            title: '序号',
            dataIndex: '',
            key: 'rowIndex',
            width: 45,
            align: 'center',
            customRender: function (t, r, index) {
              return parseInt(index) + 1;
            }
          },
          {
            title: '证书名称',
            align: 'center',
            width: 65,
            dataIndex: 'certificateName',
            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                return filterMultiDictText(this.dictOptions['certificateName'], text + '')
              }
            }
          },
          {
            title:'注册类别',
            align:"center",
            dataIndex: 'categoryId',
            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                return filterMultiDictText(this.dictOptions['categoryId'], text + '')
              }
            },
          },
          {
            title:'注册专业',
            align:"center",
            dataIndex: 'professionalId',
            customRender: (text, r) => {
              if (!text) {
                return ''
              } else {
                return filterMultiDictText(this.dictOptions['professionalId'], text + '')
              }
            },
          },
          {
            title: '颁布时间',
            align: 'center',
            width: 80,
            dataIndex: 'issueDate'
          },
          {
            title: '颁发机构',
            align: 'center',
            width: 65,
            dataIndex: 'issueBody'
          },
          {
            title: '到期时间',
            align: 'center',
            width: 80,
            dataIndex: 'endDate'
          },
          {
            title: '继续教育时间',
            align: "center",
            width: 90,
            dataIndex: 'educationDate',
          },
          {
            title: '附件',
            align: 'center',
            dataIndex: 'attachment'
          }
        ],

        dataHistorySource: [], // 流程列表
        url: {
            historyList: '/api/erpmng/act/task/processHistoryList', // 流程历史跟踪接口
            queryById: '/api/erp/administration/seal/erpSealAuthorizationInformation/queryById' // 獲取詳情
        },
        idCard: [], // 附件
        graduate: [], // 附件
        degree: [], // 附件
        xuexin: [], // 附件
        resign: [], // 附件
        medicalReport: [], // 附件
        certificateBottom: [], // 附件
        employmentContract: [], // 附件
        training: [], // 附件
        confidentiality: [], // 附件
        competeRestrictions: [], // 附件
        signOffer: [], // 附件
        certificate: [], // 附件
        other: [], // 附件
        targetConfirm: [], // 附件
        assessment: [], // 附件
        salaryConfirm: [], // 附件
        postTransfer: [], // 附件
        resignHandover: [], // 附件
        ids_dictText: '' // 印章
      };
    },
    watch: {
      formData: {
        handler (val) {
            if (val) {
              // this.getHistoryList()
              this.initDictConfig()
              this.initDictConfigs()
              this.addressName = ''
              var addressName = this.getArea(this.address, val.nativePlace).names
              addressName.map(value => {
                this.addressName = this.addressName + '/' + value
              })
              this.formData.idCardNoDue = this.formData.idCardNoDue.split(' ')[0]

              if (this.addressName) {
                this.addressName = this.addressName.slice(1)
              }
              // 身份证复印件
              if (val.attachment && val.attachment.idCard) {
                this.idCard = val.attachment.idCard.split(',')
              }
              // 毕业证复印件
              if (val.attachment && val.attachment.graduate) {
                this.graduate = val.attachment.graduate.split(',')
              }
              // 学位证复印件
              if (val.attachment && val.attachment.degree) {
                this.degree = val.attachment.degree.split(',')
              }
              // 学信网学历验证报告
              if (val.attachment && val.attachment.xuexin) {
                this.xuexin = val.attachment.xuexin.split(',')
              }
              // 最后任职公司的离职证明
              if (val.attachment && val.attachment.resign) {
                this.resign = val.attachment.resign.split(',')
              }
              // 体检报告
              if (val.attachment && val.attachment.medicalReport) {
                this.medicalReport = val.attachment.medicalReport.split(',')
              }
              // 证件数码底版
              if (val.attachment && val.attachment.certificateBottom) {
                this.certificateBottom = val.attachment.certificateBottom.split(',')
              }
              // 劳动合同复印件
              if (val.attachment && val.attachment.employmentContract) {
                this.employmentContract = val.attachment.employmentContract.split(',')
              }
              // 培训协议
              if (val.attachment && val.attachment.training) {
                this.training = val.attachment.training.split(',')
              }
              // 保密协议
              if (val.attachment && val.attachment.confidentiality) {
                this.confidentiality = val.attachment.confidentiality.split(',')
              }
              // 竞业限制协议
          if (val.attachment && val.attachment.competeRestrictions) {
            this.competeRestrictions = val.attachment.competeRestrictions.split(',')
          }
              // 签字确认的offer
              if (val.attachment && val.attachment.signOffer) {
                this.signOffer = val.attachment.signOffer.split(',')
              }
              // 证书
              if (val.attachment && val.attachment.certificate) {
                this.certificate = val.attachment.certificate.split(',')
              }
              // 其它
              if (val.attachment && val.attachment.other) {
                this.other = val.attachment.other.split(',')
              }
              // 试用期目标确认表
              if (val.attachment && val.attachment.targetConfirm) {
                this.targetConfirm = val.attachment.targetConfirm.split(',')
              }
              // 试用期考核表
              if (val.attachment && val.attachment.assessment) {
                this.assessment = val.attachment.assessment.split(',')
              }
              // 薪资确认单
              if (val.attachment && val.attachment.salaryConfirm) {
                this.salaryConfirm = val.attachment.salaryConfirm.split(',')
              }
              // 岗位调动交接表
              if (val.attachment && val.attachment.postTransfer) {
                this.postTransfer = val.attachment.postTransfer.split(',')
              }
              // 离职交接表
              if (val.attachment && val.attachment.resignHandover) {
                this.resignHandover = val.attachment.resignHandover.split(',')
              }
              // 身份证复印件
              if (val.attachment && val.attachment.idCard) {
                this.idCard = val.attachment.idCard.split(',')
              }
            }
        },
        immediate: true
      },
      formDataHistory: {
        handler (val) {
          if (val) {
              // this.getHistoryList()
          }
        },
        immediate: true
      }
    },
    methods: {
      // 获取列表
      getHistoryList() {
        var params = { processInstanceId: this.formDataHistory.procInsId };// 查询条件
        getAction(this.url.historyList, params).then(res => {
            if (res.success) {
                this.dataHistorySource = res.result.records || res.result
            }
        })
      },
      async initDictConfigs(){
        let res = await getAction('/api/erp/files/professional/erpProfessionalCategory/list', { pageNo: 1,pageSize: -1 })
        if (res.success) {
          let data = res.result.records || res.result
          if(data.length>0){
            this.$set(this.dictOptions, 'categoryId', data.map(v => {
              return {
                text: v.registrationCategory,
                title: v.registrationCategory,
                value: v.id
              }
            }))
            let newObj = []
            data.forEach(val => {
              if(val.children&&val.children.length>0){
                newObj.push(...val.children.map(c => {
                  return {
                    text: c.registeredProfessional,
                    title: c.registeredProfessional,
                    value: c.id
                  }
                }))
              }
            })
            this.$set(this.dictOptions, 'professionalId', newObj)
          }
        }
      },
      // 加载数据字典信息
      async initDictConfig() {
        initDictOptions('work_time').then(async(res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'workTime', res.result)
          }
        })
        initDictOptions('erp_certificate_name_management,certificate_name,id').then(async(res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'certificateName', res.result)
          }
        })
        initDictOptions('political_landscape').then(async(res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'politicalLandscape', res.result)
          }
        })
        initDictOptions('marital_status').then(async(res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'maritalStatus', res.result)
          }
        })
        initDictOptions('blood_type').then(async(res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'bloodType', res.result)
          }
        })
        initDictOptions('YES_OR_NO').then(async(res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'hasFamilyGeneticHistory', res.result)
            this.$set(this.dictOptions, 'hasInfectiousHistory', res.result)
            this.$set(this.dictOptions, 'hasPastMedicalHistory', res.result)
            this.$set(this.dictOptions, 'hasCriminalRecord', res.result)
            this.$set(this.dictOptions, 'isDuty', res.result)
            this.$set(this.dictOptions, 'isVirtual', res.result)
          }
        })
        initDictOptions('erp_company_files,file_name,id').then(async(res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'institution', res.result)
          }
        })
        initDictOptions('erp_org_position_level,level_name,id').then(async(res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'positionName', res.result)
          }
        })
        initDictOptions('sys_depart,depart_name,id').then(async(res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'approvalUnit', res.result)
            this.$set(this.dictOptions, 'departId', res.result)
          }
        })
        initDictOptions('erp_omc_team_manager,alias_name,id').then(async(res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'teamId', res.result)
          }
        })
        initDictOptions('sys_position,name,code').then(async(res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'postCode', res.result)
          }
        })
        initDictOptions('reward_punish_category').then(async(res) => {
          if (res.success) {
            this.$set(this.dictOptions, 'rewardPunishCategory', res.result)
          }
        })
      },

      // 地址查询
      getArea(json, code) {
        let names = [];
        let codes = [];
        function findCity(list, code, father) {
          const index = list.findIndex(ev => {
            return ev.code === code;
          });

          if (index > -1) {
            const child = list[index];
            names.unshift(child.name);
            codes.unshift(child.code);
            father && names.unshift(father.name) && codes.unshift(father.code);
            father && findCity(json || [], father.code);
            return;
          }
          list.map(item => {
            if (item.children) {
              findCity(item.children || [], code, item);
            }
          });
        }
        findCity(json, code);
        names = [...new Set(names)];
        codes = [...new Set(codes)];
        return { codes, names };
      },

      tableRowClass(record, index) {
        console.log('record, index', record, index)
        if (index == 0) {
            return 'rowClass';
        }
        return ''
      }
    }
  };
</script>
<style lang="less" scoped>
  .page{
    background: #ffffff;
    padding: 19px 28px 0 28px;
    width: 750px;
    .print_title{
        font-size: 15px;
        font-family: Alibaba PuHuiTi 2.0;
        font-weight: normal;
        color: #000000;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 9px;
    }
    .title {
        background: #EEEEEE;
        font-size: 13px;
        font-family: Alibaba PuHuiTi 2.0;
        font-weight: normal;
        color: #000000;
        padding: 11px 9px;
    }
    .content {
        font-size: 13px;
    }

    .title_table{
        font-size: 13px;
        font-family: Alibaba PuHuiTi 2.0;
        font-weight: normal;
        color: #000000;
    }
  }
  /deep/ .rowClass{
      font-size: 10px;
      font-family: Alibaba PuHuiTi 2.0;
      font-weight: normal;
      color: #000000;
  }
  /deep/ .ant-table-thead th{
      font-size: 10px;
      font-family: Alibaba PuHuiTi 2.0;
      font-weight: normal;
      color: #000000;
  }
  /deep/ .ant-table-thead tr{
      background: #EEEEEE;
  }
  /deep/ .ant-table-small > .ant-table-content > .ant-table-body {
      margin: 0 0px;
  }
  /deep/ .ant-table-body tr {
      font-size: 10px;
      font-family: Alibaba PuHuiTi 2.0;
      font-weight: normal;
      color: #000000;
  }
  /deep/ .ant-table-body tr td {
    word-wrap:break-word;
    word-break:break-all;
  }
  .content {
    font-size: 13px;
  }
</style>
